<template>
    <div class="box">
        <el-input resize='none' v-model="inputVal" rows="7" class="textarea" show-word-limit type="textarea" placeholder="请输入此时此刻心情，字数少于400" maxlength="400"></el-input>
        <el-button class="btn" type="primary" size="medium"><i class="el-icon-position"></i><span>发布说说</span></el-button>
        <div class="footer">
            <img src="@/views/front/User/img/nullboy.png" alt="">
            <p>快来发表您的第一条说说吧. 记录成长的点滴~</p>
        </div>
    </div>
</template>

<script>
export default {
    props: {

    },
    data() {
        return {
            inputVal:''
        };
    },
    computed: {

    },
    created() {

    },
    mounted() {

    },
    watch: {

    },
    methods: {

    },
    components: {

    },
};
</script>

<style scoped lang="less">
.box{
    padding: 40px 40px 48px;
    background-color: #fff;
    position: relative;
    height: 482px;
    .textarea{
        font-size: 16px;
    }
    .btn{
        padding:15px 50px;
        position: absolute;
        right: 50px;
        top: 150px;
    }
    .footer{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 10px;
        img{
            width: 200px;
            height: 200px;
        }
        p{
            margin-top: 10px;
        }
    }
}
</style>
